var IDcard = function(name, image, age, last_checked_in) {
	
	this.getID= function(){
		return this.name.replace(/ /g, "_") + "-ID";
	};
	this.name = name;
	this.image = image;
	this.age = age;
	this.id_div = $('<div></div>');
	this.height = 100;
	this.width = 200;
	this.id_div.addClass('idcard');
	this.id_div.attr({	'id' : this.getID(this.name, this.age)});
	
	
	this.id_div.attr('id', this.getID(name, age));
	
	//insert html text into div - need to find the best way to do this
	//id will look like ID.html
	var html_text = 
        "<img src=" + image + " class=picture alt=Name />" +
        "<span class=name>" + name + "</span> " +
        "<span class=age> " + age + " years old</span>" + 
        "<span class=lastCheckin>Last Checked in: <span>" + last_checked_in + "</span></span>";
	

	this.id_div.html(html_text);	
	
	
	this.getDiv = function() {
		return this.id_div;
	};
	
	this.makeSmall = function() {
		this.id_div.addClass("small");
		return this;
	};

	};